@charset "utf-8";
/* 你自己的样式 */

.money_choose .div_l{width: 30%;border: 1px solid #dd514c;text-align: center;float: left;margin: 20px 10%;}
.money_choose .div_l .divl_1{width: 120px;height: 120px;border-radius: 100%;background: #dd514c;color: #fff;font-size: 50px;line-height: 120px;text-align: center;margin: 20px auto;}
.money_choose .div_r{width: 30%;border: 1px solid #5eb95e;text-align: center;float: left;margin: 20px 0;}
.money_choose .div_r .divr_1{width: 120px;height: 120px;border-radius: 100%;background: #5eb95e;color: #fff;font-size: 50px;line-height: 120px;text-align: center;margin: 20px auto;}
.money_choose .div_l p{font-size: 22px;line-height: 50px;color: #333;padding-bottom: 16px;}
.money_choose .div_r p{font-size: 22px;line-height: 50px;color: #333;padding-bottom: 16px;}

.money1_l{position: relative; width: 24%;height: 600px;background: #f5f5f5;border-radius: 10px;float: left;}
.money1_l_top{width: 100%;height: 50px;}
.money1_l_top .div1{text-align: center;width: 50px;float: left;}
.money1_l_top .div1 .p1{width: 30px;height: 30px;color: #fff;font-size: 20px;background: #dd514c;border-radius: 100%;margin: 8px auto 0;}
.money1_l_top .div1 .p2{color: #333;font-size: 12px;line-height: 18px;margin-bottom: 4px !important;}
.money1_r{width: 70%;height: 600px;background: #f5f5f5;border-radius: 10px;float: left; margin: 0 3%;}

.money1_l_cer{width: 100%;height: 40px;border-top:1px solid #eee;border-bottom:1px solid #eee;background: #fff; }

.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
.tabBar {border-bottom: 0px solid #dd514c}
.tabBar span {background-color: #fff;cursor: pointer;display: inline-block;float: left;font-weight: bold;height: 38px;line-height: 40px;padding: 0 4px;margin-right: 10px;}
.tabBar span.current{border-bottom: 2px solid #dd514c;background: #fff; color: #333}
.tabCon {display: none}

.tabbBar {border-bottom: 0px solid #dd514c}
.tabbBar span {color: #fff; cursor: pointer;display: inline-block;float: left;font-weight: bold;height:58px;line-height: 70px;padding: 0 15px;}
.tabbBar span.current{border-bottom: 2px solid #dd514c;background: #fff; color: #dd514c}
.tabbCon {display: none;height:520px;overflow-y: auto;}


.money1_l_c_d2{height: 450px;}
.money1_l_c_d2 .div1{width: 94%; padding: 0 3%;height: 40px;line-height: 40px;border-top: 1px solid #eee;}
.money1_l_c_d2 .div1 p{float: left;color: #333;font-size: 14px;margin-bottom: 0px;}
.money1_l_c_d2 .div1 .p1{width: 60%;}
.money1_l_c_d2 .div1 .p2{width: 10%;text-align: center;}
.money1_l_c_d2 .div1 .p3{width: 30%;text-align: right;}

.money1_l_btm{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: center; color: #fff;line-height: 44px;background: #5eb95e;position: absolute;bottom: 0px;}

.ct-product{width: 16%;float: left; text-align: center;margin:15px 2% 15px;}
.ct-product:hover .inner{background: #dd514c;}
.ct-product:hover .inner *, .ct-product:hover .inner .ct-product-price{color: #fff;}
.ct-product .image img{width: 100%;height: 84px;}
.ct-product .inner{-webkit-transition: background 0.25s ease;transition: background 0.25s ease;position: relative;padding: 35px 15px 5px;}
.ct-product .inner .btn{position: absolute;width: 55px;height: 55px;line-height: 40px;text-align: center;background: #dd514c;padding: 0;border: 5px solid #fff;border-radius: 50%;font-size: 35px;left: 0;right: 0;top: 0;margin: -27.5px auto 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
.ct-product .inner .btn:hover{box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.ct-product .inner .btn:hover:active{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.ct-product .inner .btn i{position: relative;left: 0px;font-size: 30px;color: #fff;}
.ct-product .inner .ct-product-title{font-size: 18px;text-transform: uppercase;font-weight: 600;padding:0px;text-align: center;}
.ct-product .inner .ct-product-price{margin-top: 4px;color: #dd514c;display: block;}
.moneywidget{padding-bottom: 50px;padding: 0 0 0 10px;}
.ct-cart-empty{padding-top: 20px;}
.ct-cart-input{width: 30px;margin: 0;background: none;}
.ct-cart{position: relative;}
.ct-cart:before, .ct-cart:after{content: '';display: table;clear: both;}
.ct-cart .ct-cart-total{font-size: 20px;font-weight: bold;line-height: 50px;}
.ct-cart .ct-cart-total:before{content: '收银';}
.ct-cart ol{height: 362px;overflow-y: auto;list-style: none;padding:0;}
.ct-cart ol li{position: relative;border-bottom: 1px solid #eee;padding: 10px 0;}
.ct-cart ol li:first-child{border-top: 1px solid #eee;}
.ct-cart ol li button{position: absolute;top: 13%;/*margin-top: -12.5px;*/right: 10px;width: 25px;height: 25px;background: transparent;border: none;color: #dd514c;border-radius: 50%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.ct-cart ol li button:hover{background: #dd514c;color: #fff;}
.ct-cart ol li .ct-cart-name{display: block;}
.ct-cart .add_tabcon_ipt2, .ct-cart ol li .ct-cart-price{color: #333;border: none;font-size: 16px;}
.ct-cart .add_tabcon_ipt2{float: left;width: 30px;background: none;margin: 2px;}
.ct-cart ol li .ct-cart-price{float: left;/*line-height: 30px;*/}
.ct-cart ol li .ct-cart-price:after{content: 'x';padding: 0 10px;}
.ct-cart .ct-cart-checkout, .ct-cart .ct-cart-clear{width: 45%;padding: 10px 0;border: none;color: #fff;-webkit-transition: background 0.2s ease;transition: background 0.2s ease;}
.ct-cart .ct-cart-checkout:hover, .ct-cart .ct-cart-clear:hover{background: #5f5f5f;}
.ct-cart .ct-cart-checkout{float: right;margin-right: 10px; background: #dd514c;}
.ct-cart .ct-cart-clear{float: left;background: #00c680;}
.ct-cart-empty{padding-top: 0;bottom: auto;top: -30px;left: 1px;text-align: left;}

.money1_r_b{width: 100%;height: 60px;background: #dd514c;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.ct-cart .add_tabcon{width: 100%;height: 40px;line-height: 40px;}
.ct-cart .add_tabcon p{float: left;margin-bottom: 0px;color: #000;font-weight: bold;}
.ct-cart .add_tabcon .p1{width: 50%;}
.ct-cart .add_tabcon .p2{width: 20%;}
.ct-cart .add_tabcon .p3{width: 30%;}

.add_tabcon_p1{float: right; width: 30%; margin: 0;line-height: 26px;color: #dd514c;font-size: 16px;}
.add_tabcon_ipt1{background: rgba(255,255,255,0);resize : none; width: 20% !important;float: right !important;margin: 0;font-size: 16px;height: 25px;line-height: 25px; border: none;background: rgba(255,255,255,0);}

/*是否打包*/
.switchery{
	background-color:#fff;
	border:1px solid #dfdfdf;
	border-radius:20px;
	cursor:pointer;
	float: left;
	display:inline-block;
	height:30px;
	position:relative;
	vertical-align:middle;
	width:50px;
	margin-top: 16px;
	margin-left: 1%;
}
.switchery>small{
	background:#fff;
	border-radius:100%;
	box-shadow:0 1px 3px rgba(0,0,0,0.4);
	height:30px;
	position:absolute;
	top:0;
	width:30px;
}
.js-switch_span{padding-top: 22px;
    float: left;
    margin-left: 4px;}

/*支付收款*/
.mmoney_top_div{width: 80%;margin: 0 auto; text-align: center;font-size: 24px;line-height: 50px;}
.mmoney_top_div_a{float: left;font-size: 16px;color: #fff;display: block; width: 50px;text-align: center; line-height: 30px;margin: 16px 1% 0;border-radius: 10px;background: #5eb95e;border: 1px solid #5eb95e;}
.mmoney_top_div_a:hover{text-decoration: none;color: #fff;}
.mmoney_top_div_a:link{text-decoration: none;color: #fff;}
.mmoney_top_div_a:visited{text-decoration: none;color: #fff;}
.mmoney_top_div_a:active{text-decoration: none;color: #333;background: #fff;border: 1px solid #c8c8c8;}
.mmoney_left{width:80%;margin-left: 10%;}
.mmoney_div2, .mmoney_div1{float: left; width: 45%;margin: 0 2%;}
.mmoney_div1 .ipt_1{border: none;width: 80%; height: 42px;line-height: 42px; border: 1px solid #ececec;border-top-left-radius: 3px;border-bottom-left-radius: 3px; font-size: 14px;padding:0 4%;float:left;margin: 10px 0;}
.mmoney_div1 .ipt_2{border: none;width: 100%; height: 42px;line-height: 42px; border: 1px solid #ececec;border-radius: 3px; font-size: 14px;padding:0 4%;float:left;margin: 10px 0;}
.mmoney_div1 .p1{width: 20%;height: 42px;font-size: 14px;float: left; line-height: 42px;text-align: center;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background: #ececec;color: #666;margin: 10px 0;}
.mmoney_div2 a{width: 34.5%;height: 42px;line-height: 34px;margin-top: 10px}
.mmoney_div2 .img1{width: 24px;margin-right: 3%;}
.mmoney_right{width: 80%;margin-left: 10%;margin-top: 25px;position: relative;}
.mmoney_right ul{width: 75%; display: block !important;}
.btn_btn_success{width: 25%;height: 76px;border: 1px solid #fff; position: absolute;right: 0px;background: #dd514c;font-size: 22px;padding-top: 14px; color: #fff;line-height:28px;letter-spacing:4px;text-align: center;}
.btn_btn_success:hover{color: #fff;text-decoration: none;background: #c62b26;}
.btn_btn_success1{width: 25%;height: 76px;border: 1px solid #fff; position: absolute;right: 0px;top: 92px; background: #5a98de;font-size: 22px;padding-top: 14px; color: #fff;line-height:28px;letter-spacing:4px;text-align: center;}
.btn_btn_success1:hover{color: #fff;text-decoration: none;background: #0a6999;}

#keyboard_5xbogf8c ,#keyboard_5xbogf8c li{list-style: none;margin: 0;padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
#keyboard_5xbogf8c li{width: 33%;height:46px;line-height:46px;float: left;font-size:14px;vertical-align: text-top;cursor: pointer;position: relative;overflow:visible;color: #fff;border: 1px solid #fff;}
/* Using box shadows to create 3D effects */
#calculator {
	width: 325px;
	height: auto;
	margin: 100px auto;
	padding: 20px 20px 9px;
	background: #9dd2ea;
	background: linear-gradient(#9dd2ea, #8bceec);
	border-radius: 3px;
	box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
}

/* Top portion */
.top span.clear {
	float: left;
}

/* Inset shadow on the screen to create indent */
.top .screen {
	height: 40px;
	width: 212px;
	float: right;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);
	/* Typography */
	font-size: 17px;
	line-height: 40px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	text-align: right;
	letter-spacing: 1px;
}

/* Clear floats */
.keys, .top {overflow: hidden;}

/* Applying same to the keys */
.keys span, .top span.clear {
	float: left;
	position: relative;
	top: 0;
	
	cursor: pointer;
	
	width: 66px;
	height: 36px;
	
	background: white;
	border-radius: 3px;
	box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
	
	margin: 0 7px 11px 0;
	
	color: #888;
	line-height: 36px;
	text-align: center;
	
	/* prevent selection of text inside keys */
	user-select: none;
	
	/* Smoothing out hover and active states using css3 transitions */
	transition: all 0.2s ease;
}

/* Remove right margins from operator keys */
/* style different type of keys (operators/evaluate/clear) differently */
.keys span.operator {
	background: #FFF0F5;
	margin-right: 0;
}

.keys span.eval {
	background: #f1ff92;
	box-shadow: 0px 4px #9da853;
	color: #888e5f;
}

.top span.clear {
	background: #ff9fa8;
	box-shadow: 0px 4px #ff7c87;
	color: white;
}

/* Some hover effects */
.keys span:hover {
	background: #9c89f6;
	box-shadow: 0px 4px #6b54d3;
	color: white;
}

.keys span.eval:hover {
	background: #abb850;
	box-shadow: 0px 4px #717a33;
	color: #ffffff;
}

.top span.clear:hover {
	background: #f68991;
	box-shadow: 0px 4px #d3545d;
	color: white;
}

/* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
.keys span:active {
	box-shadow: 0px 0px #6b54d3;
	top: 4px;
}

.keys span.eval:active {
	box-shadow: 0px 0px #717a33;
	top: 4px;
}

.top span.clear:active {
	top: 4px;
	box-shadow: 0px 0px #d3545d;
}



/*多收银台*/
.more_affiche{overflow: hidden; width: 98%;height: 40px;line-height: 40px;padding: 0 1%; background: #e0efd8;color: #215d01;}
.checkstand_d{width: 18%;float: left; margin: 10px 1%;}
.checkstand_d_d2{width: 100%;border: 1px solid #eee;}
.checkstand_d_d21{width: 92%;margin: 4%;}
.checkstand_d_d22{width: 100%;height: 30px;line-height: 30px;background: #f5f5f5;color: #333;text-align: center;}
.checkstand_d_d3{width: 100%;text-align: center;color: #333;margin-top: 10px;}
.checkstand_d_d3 p{margin-bottom: 0px;line-height: 24px;}
.checkstand_d_d3_a{ padding:0 2px;height: 20px;line-height: 18px !important;margin-top: -2px;}
.checkstand_color1{color: #099520;}
.checkstand_color2{color: #d90707;}


/*应用中心*/
.application_d1{width: 15%;float: left; background: #fff;border: 1px solid #eee;box-sizing: border-box;margin: 10px 0.8%;}
.application_d0{border-left: 4px solid #ff0000;color: #000;font-size: 16px;font-weight: bold;line-height: 20px;margin: 6px 0; margin-left: 0.8%;padding-left: 0.6%;}
.application_d1_d1{width: 90%;padding:5%;}
.application_d1_d1 img{width: 100%;height:100%}
.application_d1_d2{background: #eee;padding:0 5% 2% 5%;}
.application_d1_d2 .p1{font-size: 16px; color: #333;line-height: 30px;margin-bottom: 0px !important;}
.application_d1_d2 .p2{color: #333;margin-top: 0px; margin-bottom: 0px !important;}
.application_d1_d2 .span1{float: right; color: #ff0000;margin-top: 0px; margin-bottom: 0px !important;}

.application_e{width: 900px;margin: 0 auto;}
.application_el{width: 878px;padding: 10px;border: 1px solid #eee;margin-bottom: 20px;}
.application_el .img1{float: left;width: 200px;height: 200px;}
.application_el .div1{float: left;border-left: 1px solid #eee;padding-left: 10px;margin-left: 20px;}
.application_el .div1 h3{font-weight: bold;padding-bottom: 20px;padding-top: 10px;}
.application_el .div1 p{line-height: 24px;}
.application_el .div1 .p1 .span1{color: #ff0000;font-size: 20px;font-weight: bold;}
.application_el .div1 .p1 .span2{padding-left: 50px;}
.application_el .div1 .a1{display: inline-block;text-decoration: none; width: 140px;height: 40px;line-height: 40px;color: #fff;background: #d13d4b;font-size: 16px;font-weight: bold;text-align: center;border-radius: 4px;}
.application_el .div1 .a1:hover{display: inline-block; width: 140px;height: 40px;line-height: 40px;color: #fff;background: #b2222f;font-size: 16px;font-weight: bold;text-align: center;}
.application_er{width: 878px;padding: 10px;border: 1px solid #eee;margin-bottom: 20px;}
.application_ert{width: 878px;padding:0 10px;border: 1px solid #eee;background: #eee;font-size: 16px;}
.application_ert p{display: inline-block;margin-bottom: 0px; padding: 10px;border-bottom: 3px solid #ff0000;}
.application_er pre{line-height: 28px;font-size: 14px; background-color: #fff !important;border: 1px solid #fff !important;}
.application_er pre img{width: 100%;}
.application_line{height: 10px;margin-bottom: 10px;border-bottom: 1px dashed #eee;}
